<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>图书列表</title>
		<style type="text/css">
	    
	    /*   浏览器兼容处理：不同浏览器对margin和padding解析不同**/
		*{
			margin：0px;
			padding:0px;
		}
		#container{
			background-color:aqua;
			height:600px;
			
		}	
		 #header{
	    	height:50px;
		    background-color:#000000;
	    }
		 /*#bookslist{
		 	float:left;
		  	width:100px;
		  	height:350px;
		  	padding:30px;
		  	background-color:blue;
		
	    }*/
	   
	    .head1{
	    	float:left;
	    	width:100px;
	    	margin:10px 30px;
	    }
	    .head2{
	    	float:right;
	    	width:100px;
	    	margin:10px 30px;
	    }
		</style>
		<!--<link rel = "stylesheet" type = "text/css" class="css/layout.css">-->
	</head>
	<body>
   <div id = "container">
		<div id = "header">
			<!--<div class = "head1">
				计算机图书
			</div>  
			<div class = "head2";>
				 	销售排行榜
			</div>	-->
		</div>
		<!--<div id = "bookslist" >
			<dl>
				<dt><img src = "img/1.jpg" alt = "java"></dt>
				<dd><a herf = "#"> 《java程序设计》</dd>
			</dl>
			<dl>
				<dt <img src = "img/2.jpg" alt = "数据库"></dt>
				<dt><a herf = "#"> 《数据库原理》</dt>
			</dl>
			<dl>
				<dt><img src = "img/3.jpg" alt = "计算机网络"></dt>
				<dt><a herf = "#"> 《计算机网络原理》</dt>
			</dl>
		</div>-->
	</div>
	</body>
</html>
